<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        html, body { width: 100%; height: 100%; color: #000000; font-family: Arial, Helvetica, sans-serif; }
        * { margin: 0; padding: 0; }
    </style>
</head>
<body>
    <!-- Bit of a hack here to get the top bar to look like two boxes -->
    <div style="width: 100%; height: 100%; display: flex; flex-direction: row;">
        <div style="min-width: 200px; padding: 10px;">
            <a href="http://www.cs.rpi.edu">
                <img border = 0 src="http://www.cs.rpi.edu/~cutler/classes/visualization/S18/images/rpi_cs_transparent_black.png" width=200 height=40>
            </a>
        </div>
        <div style="flex-grow: 1; background-color: rgba(220,220,220,0.65 ); padding: 10px; text-align: right;">
            <b>
                CSCI 4550/6550 Interactive Visualization<br>Spring 2018
            </b>
        </div>
    </div>
</body>
</html>
